<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>text-alig属性设置</title>
		<style>
			/* a{
				display: block;
				text-align: justify;
				color: aquamarine;
				text-decoration: none;
			}
			h1{
				text-align: center;
				color:#009900;
			}
			h2{
				color:rgba(255, 0, 0, 0.5)
			}
			h2:active{
				border: 10px solid yellow;
			}
			#p{
				text-indent:2em;
				line-height:30px;
				text-shadow:10px 10px 0.9px rgb(255, 0, 100);
			}
			#p1{
				text-shadow:-10px -10px 2px rgb(25, 0, 100);
			}
			
			#p2{
				text-shadow:10px -10px 2px rgb(255, 0, 10);
			}
			
			#p3{
				/*text-shadow:-10px 10px 2px rgb(25, 60, 100);*/ 
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 300px;
				height: 20px;
				text-indent:2em;
			}
			div{
				border-top:3px solid rgba(255, 0, 0, 0.5);
				border-bottom:3px solid rgba(255, 0, 0, 0.5);				
				border-right:3px solid rgba(255, 0, 0, 0.5);
				border-left:3px solid rgba(255, 0, 0, 0.5);
				width: 300px;
				height: 100px;
				padding: 10px;
				margin: 10px;
				background: rgba(0, 125, 125,0.4);
			}
			
			.p{
				color: royalblue;
				text-align: center;
			}
			body{
				color: rebeccapurple;
			}
			p{
				color: darkgoldenrod;
			} */
		</style>
	</head>
	<body>
		<a href="#">我是超链接</a>
		<h1>我是一级标题</h1>
		<h2>二级标题</h2>
		<p id="p">非富即贵覅价格不算太好天空供热公司哦i积分公式 司机刚刚i虽然i偶就如果退货</p>
		<br />
		<p id="p1">非富即贵覅价格不算太好天空供热公司哦i积分公式 司机刚刚i虽然i偶就如果退货</p>
		<br />
		<p id="p2">非富即贵覅价格不算太好天空供热公司哦i积分公式 司机刚刚i虽然i偶就如果退货</p>
		<br />
		<p id="p3">非富即贵覅价格不算太好天空供热公司哦i积分公式 司机刚刚i虽然i偶就如果退货</p>
		<br />
		<p>举个例子</p>
		<p id="p1" class="p"> 男孩女孩</p>
		<div>
			你好
		</div>
	</body>
</html>